<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <!-- <p @click="sendMsgToParent">添加{{msg}}</p> -->
    <!-- <h2>Essential Links</h2> -->
  </div>
</template>

<script>
export default {
  name: 'about',
  // props: ['msg'],
  methods: {
    // sendMsgToParent: function () {
    //   this.$emit('listen', 'this.msg.child')
    // }
  },
  data () {
    return {
      msg: '暂无数据...'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
*{
    margin:0;
    padding:0;
}
h1, h2 {
  font-weight: normal;
  font-size: .35rem;
}
button{
  background: red
}
</style>
